// 定义一个常量，用于标识要操作的 div 的 ID
const alterId = 'alterDiv';
//请求成功失败的提示
const success = true;
// 请求失败的提示
const error = false;
// 创建一个包含多种元素的 HTML 片段
const successConstant = `
      <div class="alert alert-success alert-dismissable" style="text-align: center">
        <button type="button" class="close" data-dismiss="alert"
                aria-hidden="true">
            &times;
        </button>`;

// 创建一个包含多种元素的 HTML 片段
const failConstant = `
      <div class="alert alert-danger alert-dismissable" style="text-align: center">
        <button type="button" class="close" data-dismiss="alert"
                aria-hidden="true">
            &times;
        </button>`;

function showSuccessAlert(elementById,message) {
    localStorage.removeItem(alterId);
    localStorage.removeItem('alterMessage');
    const targetDiv = document.getElementById(elementById);
    targetDiv.innerHTML = ''; // 清空目标 div 中的内容
    // 将 HTML 片段添加到目标 div 中
    targetDiv.innerHTML = successConstant + message +`</div>`;
}
function showFailAlert(elementById,message) {
    localStorage.removeItem(alterId);
    localStorage.removeItem('alterMessage');
    const targetDiv = document.getElementById(elementById);
    targetDiv.innerHTML = ''; // 清空目标 div 中的内容
    // 将 HTML 片段添加到目标 div 中
    targetDiv.innerHTML = failConstant + message +`</div>`;
}
function openAlterDiv(type,message,isReload) {
    localStorage.setItem(alterId, type);
    localStorage.setItem('alterMessage', message);
    if (isReload) {
        location.reload();
    }
}
window.onload = function (){
    var editClockAlter = localStorage.getItem(alterId);
    let item = localStorage.getItem('alterMessage');
    if(editClockAlter === true){
        showSuccessAlert(alterId,item);
    }else if(editClockAlter===false){
        showFailAlert(alterId,item);
    }
}